#box{
	width: 100%;
	
}
#box .top{
	width: 100%;
	height: 1.875rem;
	background-color: #45bd55;
	color: #FFFFFF;
	line-height: 1.875rem;
	vertical-align: center;
	font-size: 0.75rem;
	}
#box .top .top-left{
	margin-left: 0.75rem;
	
}
#box .top .top-right{
	margin-right: 1rem;
}
#box .nav {
	position: relative;
	width: 100%;
	height: 5rem;
}
#box .nav .nav-logo{
	position: absolute;
left: 3.125rem;
top: 0.625rem;
width: 12.5rem;

}
#box .nav .nav-logo img{
	width: 100%;
	display: block;
}
#box .nav .nav-right{
	height: 100%;
	position: absolute;
	left: 80rem;
	top: 0;
}
#box .nav .nav-right ul{
	height: 100%;
}
#box .nav .nav-right ul li{
	float: left;
	height: 100%;
	text-align: center;
	line-height: 5rem;
	vertical-align: center;
	margin-left: 1.875rem;
}
#box .nav .nav-right ul li a{
	font-size: 1rem;
	color: black;
}
#box .nav .nav-right ul li a:hover{
	color: #409EFF;
	transition: color 1.5s;
}

#box .carouserl {
	width: 100%;
	
}
#box .carouserl img{
	width: 100%;
	display: block;
	
}
#box .container{
	
	width: 100%;
	
	
}
#box .container .nav-list {
	position: relative;
	width: 100%;
	height:18.75rem ;
	margin-bottom: 35px;
}
#box .container .nav-list ul{
	position: absolute;
	left: 25rem;
	top: -3.8rem;
	z-index: 2;
}


#box .container .nav-list ul li{
	float: left;
	margin-left: 1.25rem;
}
#box .container .nav-list ul li .nav-content{
	width:16.875rem;
	height: 16.375rem;
	background-color: #FFFFFF;
}

#box .container .nav-list ul li .nav-content .context-icon{
	width: 100%;
	height: 5.125rem;
	
	text-align: center;
	line-height: 5.125rem;
	vertical-align: center;
}
#box .container .nav-list ul li .nav-content .context-icon i{
font-size: 2rem;
color: #45BD55;
	
}
#box .container .nav-list ul li .nav-content  .context-words{
width: 100%;
height: 11.25rem;
background-color: #f7f7f7;

	
}
#box .container .nav-list ul li .nav-content  .context-words h4{
	text-align: center;
	padding-top: 1.25rem;
	padding-bottom:1.25rem;
}
#box .container .nav-list ul li .nav-content .context-words p{
	color: #616161;
	}
	#box .container .box-hotel{
		width: 100%;
		

	}
	#box .container .box-hotel .box-title{
		width: 100%;
		height: 10rem;
		text-align: center;
		line-height: 2.5rem;
		vertical-align: middle;
	}
	#box .container .box-hotel .box-title h2{
		font-size: 1.875rem;
	}
		#box .container .box-hotel .box-title h2>span{
			color: #45BD55;
			margin-left: 0.3125rem;
		}
				#box .container .box-hotel .box-title .box-title-memo {
	width: 47.85rem;
	margin: auto;
	overflow: hidden;
	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	margin-top: 1.25rem;
}
#box .container .box-hotel .box-content{
	margin-left: 27.5rem;
	width: 72rem;
	

	overflow: auto;
	
}
#box .container .box-hotel .box-content .hotel-item{
	position: relative;
	width:16.4rem;
	
	margin-right: 1rem;
	margin-bottom: 1rem;
}
#box .container .box-hotel .box-content .hotel-item .hotel-item-img{
	display: block;
	width: 100%;
margin-bottom: 0.9375rem;
}
#box .container .box-hotel .box-content .hotel-item .hotel-item-title{
	color: #45BD55;
	margin-bottom: 0.9375rem;
}
#box .container .box-hotel .box-content .hotel-item .hotel-item-content{
	text-align: left;
	font-size: 0.8rem;
	color: #616161;
	line-height: 1.5rem;
	overflow: hidden;
	-webkit-line-clamp: 4;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.bg-gray{
	background-color: #f0f0f0;
	
}
.pd{
	padding-top: 4.6875rem;
}
#box .container .box-hotel .box-content .big{
	width: 22rem;
}

#box .container .box-hotel .box-content .box-content-left{
	width: 35rem;
	
	
		margin-left: 1.875rem;
}
#box .container .box-hotel .box-content .box-content-left .title{
	text-align: left;
	font-size: 0.875rem;
	word-spacing: 0.25rem;
}
#box .container .box-hotel .box-content .box-content-left .option li{
	margin-top: 1.25rem;
	margin-left: 0.625rem;
	width: 100%;
}
#box .container .box-hotel .box-content .box-content-left .option li i{
	color: #45BD55;
	font-size: 1rem;
	margin-right: 0.625rem;
}
#box .container .box-hotel .box-content .box-content-right{
	width: 35rem;
	


}
#box .container .box-hotel .box-content .box-content-right img{
	display: block;
	width: 100%;
}
#box .container .box-bottom{
	position: relative;
	width: 100%;
	height: 31.25rem;
	
	
}
#box .container .box-bottom ul{
	position: absolute;
	left: 26.875rem;
	top: 7.5rem;
}
#box .container .box-bottom ul>li{
	float: left;
	color: white;
	width: 16.7rem;
	
}
.mg{
	margin-top: 6.25rem;
}

#box .container .box-bottom ul>li h4{
	
	color: #45BD55;
	margin-bottom: 0.625rem;
}
#box .container .box-bottom ul>li p{
	width: 100%;
	
}
#box .container .box-bottom ul>li p a{
	color: white;
	margin-bottom: 0.5rem;
	font-size: 0.875rem;
	word-spacing: 4;
}
#box .container .box-bottom ul>li p a:hover{
	color: #45BD55;
}
#box .container .box-bottom .font{
	
	position: absolute;
	left: 24rem;
	height: 2rem;
	top: 24rem;
	color: #FFFFFF;
	
	width: 75.5rem;
	line-height: 2rem;
	vertical-align: middle;
}
.foot-icons i{
	font-size: 0.875rem;
	width: 2rem;
	height: 100%;
	border: 0.0625rem solid #FFFFFF;
	margin-right:0.625rem ;
}